<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>圆和椭圆</title>
	</head>
	<body>
		<svg width="200" height="200" viewBox="0 0 200 200">
			<!--圆-->
			<circle cx="30" cy="30" r="20" style="stroke: black; fill: none;" />
			
			<circle cx="80" cy="30" r="20" style="stroke: black;fill: none;stroke-width: 5;" />
			
			
			<!--椭圆-->
			<ellipse cx="30" cy="80" rx="10" ry="20" style="stroke: black;fill: none;" />	
			
			<ellipse cx="80" cy="80" rx="20" ry="10" style="stroke: black;fill: none;" />	
		</svg>
	</body>
</html>
